/*===响应式开始---此代码由龙岗分公司陈嘉琪创建*/

/*---过滤响应式/*---*/
body{
    color:#333;
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
    font-size:12px;
}

@media (max-width: 768px) {
    
    /*全局宽度*/
    #box_header_top, #box_nav, #box_main, #box_footer, #box_hide {
    margin: auto;
    width: 100%;
    }
    
    /*自带栅格*/
    .w_01, .w_02, .w_03, .w_04, .w_05, .w_06, .w_07, .w_08, .w_09, .w_10, .w_11, .w_12, .w_13, .w_14, .w_15, .w_16, .w_17, .w_18, .w_19, .w_20, .w_21, .w_22, .w_23, .w_24, .w_25, .w_26, .w_27, .w_28, .w_29, .w_30, .w_31, .w_32, .w_33, .w_34, .w_35, .w_36, .w_37, .w_38, .w_39, .w_40, .w_41, .w_42, .w_43, .w_44, .w_45, .w_46, .w_47, .w_48, .w_49, .w_50, .w_51, .w_52, .w_53, .w_54, .w_55, .w_56, .w_57, .w_58, .w_59, .w_60, .w_61, .w_62, .w_63, .w_64, .w_65, .w_66, .w_67, .w_68, .w_69, .w_70, .w_71, .w_72, .w_73, .w_74, .w_75, .w_76, .w_77, .w_78, .w_79, .w_80, .w_81, .w_82, .w_83, .w_84, .w_85, .w_86, .w_87, .w_88, .w_89, .w_90, .w_91, .w_92, .w_93, .w_94, .w_95, .w_96, .w_97, .w_98, .w_99, .grid, .w_2_1, .w_3_1, .w_4_1 {
    float: none;
    width: 100%;
    }
    
    /*自定义响应式*/
    #box_totalsearch{
    display:none;
    }
    #box_left, #box_right{
    margin: auto;
    width: 95%;
    float: none;
    padding: 2.5%;
    }
    #box_right{
    margin: 2.5%;
    width: 90%;
    }
    #foot_wrap {
    height: 100%;
    background:#eee;
    }
    #elem-FrontSpecifies_show01-copyright, #elem-FrontSpecifies_show01-foot_r_link{
    width: 100%;
    float: none;
    }
    
    /*自带导航*/
    #box_root ul.nav-first li {
    float: left;
    width:25%;
    }
    
    /*通用列表/商品分类/资讯分类*/
    #box_root .menu-first ul li {
    width: 50%;
    float:left;
    }
    
    /*商品列表*/
    #box_root .mainul {
    width: 100%;
    }
    #box_root .mainul .clearBoth{
    display:none;
    }
    #box_root .mainul .content{
    width: 45%;
    float: left;
    margin: 2.5%;
    padding: 0px;
    }
    #box_root .mainul .content .pic-module, #box_root .mainul .content .pro-module{
    width: 100%;
    float: none;
    }
    #box_root .mainul .content .pic A IMG {
    width: 100%;
    height: 100%;
    }
    
    /*商品详细，FrontProducts_detail02-d1_c1换成其他组件类名相当更换*/
    .FrontProducts_detail02-d1_c1 .content .pic-module, .FrontProducts_detail02-d1_c1 .content .pro-module{
    width: 100%;
    float: none;
    }
    
    /*提交订单*/
    #box_root .left-frame, #box_root .right-fream{
    width: 100%;
    float: none;
    }
    #box_root .item1 {
    width: 100%;
    position:static;
    float:none;
    }
    
    /*编辑器详细大图*/
    #box_root .describe img {
    max-width: 100%;
    width:100%;
    }
}